<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="utf-8">
		<base href="../../../" />
		<script src="page.js"></script>
		<link type="text/css" rel="stylesheet" href="page.css" />
	</head>
	<body>
		<h1>WebGL兼容性检查（[name]）</h1>
		<p>
			虽然这个问题现在已经变得越来不明显，但不可否定的是，某些设备以及浏览器直到现在仍然不支持WebGL 2。
			<br>以下的方法可以帮助你检测当前用户所使用的环境是否支持WebGL 2，如果不支持，将会向用户提示一条信息。
		</p>
		<p>
			导入 WebGL 兼容检测模块，并在尝试渲染任何内容之前运行以下程序。
		</p>

		<code>
			import WebGL from 'three/addons/capabilities/WebGL.js';
	
			if ( WebGL.isWebGL2Available() ) {
	
				// Initiate function or other initializations here
				animate();
	
			} else {
	
				const warning = WebGL.getWebGL2ErrorMessage();
				document.getElementById( 'container' ).appendChild( warning );
	
			}
			</code>
	</body>
</html>
